<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!--引入重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入常态化样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入常态样式 -->
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <main>
        <section class="" id="box">
            <!-- 左边背景样式 -->
            <div class="lt">
                <section id="mainLt">
                    <img src="../imgs/login-bg.png" alt="">
                </section>
            </div>
            <div class="rt">
                <!-- 右边登录 -->
                <section id="mainRt">
                    <!-- 登录框 -->
                    <div id="loginModal">
                        <!-- logo -->
                        <div id="loginModalLogo" class="mb-30"></div>
                        <!-- tab区 -->
                        <div id="loginModalTab" class="mb-30 flex-c-sb">
                            <span class="active">账号登录</span>
                            <i></i>
                            <span>扫码登录</span>
                        </div>
                        <!-- 表单区 -->
                        <form action="index.html" method="post">
                            <!-- 用户名 -->
                            <div id="loginUser">
                                <span></span>
                                <input type="text" placeholder="用户名/手机号/邮箱" />
                            </div>
                            <!-- 密码 -->
                            <div id="loginPwd">
                                <span></span>
                                <input type="password" placeholder="密码" />
                            </div>
                            <!-- 忘记密码 -->
                            <div id="forgetPwd" class="text-r">
                                <a href="#">忘记密码</a>
                            </div>
                            <!-- 登录 -->
                            <div>
                                <input type="submit" value="登录" />
                            </div>
                            <!-- 立即注册 -->
                            <div class="text-r">还没有账号， <a href="../html/register.html">立即注册 &gt;</a></div>
                        </form>
                        <!-- 二维码 -->
                        <form id="QRForm" action="index.html" method="post">
                            <div class="flex-c-c">
                                <img src="../imgs/showqrcode.jpg" alt="图片已损坏" />
                                <p>微信扫码登录</p>
                                <p>未关注源码科技公众号，请先关注后再登录</p>
                            </div>
                            <!-- 立即注册 -->
                            <p class="text-l">还没有源码账号， <a href="../html/register.html">立即注册 &gt;</a></p>
                        </form>

                    </div>
                </section>

            </div>



        </section>
    </main>

    <!-- 引入工具盒js -->
    <script src="../js/uilt.js"></script>
    <!-- 注释:js样式部分 -->
    <script src="../js/login.js"></script>
</body>

</html>